<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<div style="margin:10px 0px">
<input class="easyui-textbox" data-options="prompt:'请输入商品标题关键字'" id="selectName" style="width:300px;height:32px">
<input class="easyui-textbox" data-options="prompt:'请输入卖点关键字'" id="selectPoint" style="width:300px;height:32px">
<input class="easyui-textbox" data-options="prompt:'请输入品牌关键字'" id="selectpinpai" style="width:300px;height:32px">
<a href="#" class="easyui-linkbutton" iconCls="icon-ok" style="width:100px;height:32px" onClick="selectItem()">搜索</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-reload" style="width:100px;height:32px" onClick="clickItem()">重置</a>

</div>

<table class="easyui-datagrid" id="itemList" title="商品列表" 
       data-options="singleSelect:false,collapsible:true,pagination:true,url:'./item/list',method:'get',pageSize:30,toolbar:itemlisttoolbar">
       
       
       
    <thead>
        <tr>
        	<th data-options="field:'ck',checkbox:true"></th>
        	<th data-options="field:'id',width:60">商品ID</th>
            <th data-options="field:'name',width:200">商品标题</th>
            <th data-options="field:'lowage',width:100">年龄下限</th>
            <th data-options="field:'upage',width:100">年龄上限</th>
            <!--th data-options="field:'search',width:100">搜索</th>
            <th data-options="field:'sex',width:100">性别</th>
            <th data-options="field:'source',width:100">来源</th>
            <th data-options="field:'intro',width:100">卖点</th-->
            <th data-options="field:'stortorder',width:60,align:'center',formatter:TAOTAO.formatItemHomeIndex">首页推荐</th>
            <th data-options="field:'bprice',width:70,align:'right',formatter:TAOTAO.formatPrice">进货价</th>
            <!--th data-options="field:'rprice',width:70,align:'right',formatter:TAOTAO.formatPrice">参考价</th-->
            <th data-options="field:'sprice',width:70,align:'right',formatter:TAOTAO.formatPrice">展示考价</th>
            <!--th data-options="field:'pprice',width:70,align:'right',formatter:TAOTAO.formatPrice">评估价</th>
            <th data-options="field:'margin',width:70,align:'right',formatter:TAOTAO.formatPrece">毛利率</th-->
            <th data-options="field:'num',width:70,align:'right'">库存数量</th>
            <th data-options="field:'shiyong',width:70,align:'right'">销量</th>
            <th data-options="field:'isShow',width:70,align:'right',formatter:TAOTAO.formatItemIsShow">是否新品</th>
            <th data-options="field:'isHot',width:70,align:'right',formatter:TAOTAO.formatItemIsHot">是否促销</th>
            <th data-options="field:'barcode',width:100">产品代码</th>
            <!--th data-options="field:'size',width:100">包装尺寸</th>
            <th data-options="field:'caizhi',width:100">材质</th-->
            <th data-options="field:'pinpai',width:100">品牌</th>
            <!--th data-options="field:'zhongliang',width:100,formatter:TAOTAO.formatItemKg">重量</th>
            <th> data-options="field:'shiyongduixiang',width:100">适用对象</th>
            <th data-options="field:'productaddress',width:100">产地</th>
            <th data-options="field:'unit',width:100">单位</th-->
            <th data-options="field:'status',width:60,align:'center',formatter:TAOTAO.formatItemStatus">状态</th>
            <!--th data-options="field:'created',width:130,align:'center',formatter:TAOTAO.formatDateTime">创建日期</th>
            <th data-options="field:'updated',width:130,align:'center',formatter:TAOTAO.formatDateTime">更新日期</th-->
        </tr>
    </thead>
</table>
<div id="itemEditWindow" class="easyui-window" title="编辑商品" data-options="modal:true,closed:true,iconCls:'icon-save',href:'item-edit'" style="width:80%;height:80%;padding:10px;">
</div>
<div id="pushhome" class="easyui-window" data-options="closed:true,title:'推荐到首页',inline:true" style="top:150px;left:100px;width:250px;height:200px;padding:10px">
	<div style="margin-bottom: 25px;">推荐位置</div>
	<select id="sortOrder" class="easyui-combobox" name="state" style="width:200px;">
		<option value="1">第一位</option>
		<option value="2">第二位</option>
		<option value="3">第三位</option>
		<option value="4">第四位</option>
		<option value="5">第五位</option>
		<option value="6">第六位</option>
		<option value="7">第七位</option>
		<option value="8">第八位</option>
		<option value="9">第九位</option>
		<option value="10">第十位</option>
	</select>
	<div>
	<a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-save'" style="margin-top: 25px;" onClick="pushHome()">保存</a>
	</div>
</div>
<script>

	function selectItem(){
		var selectPoint = $("#selectPoint").textbox("getValue")	
		var selectName = $("#selectName").textbox("getValue")		
		var selectpinpai = $("#selectpinpai").textbox("getValue")	
		$('#itemList').datagrid('load',{
			"selectPoint": encodeURI(selectPoint),
			"selectName": encodeURI(selectName),
			"selectpinpai":encodeURI(selectpinpai)
		});
	}
	function clickItem(){
		$("#selectPoint").textbox("setValue","")	
		$("#selectName").textbox("setValue","")		
		$("#selectpinpai").textbox("setValue","")	
		$('#itemList').datagrid('load',{});
	}
    function getSelectionsIds(){
    	var itemList = $("#itemList");
    	var sels = itemList.datagrid("getSelections");
    	var ids = [];
    	for(var i in sels){
    		ids.push(sels[i].id);
    	}
    	ids = ids.join(",");
    	return ids;
    }
    
    var itemlisttoolbar = [
           /*                 {
        text:'新增',
        iconCls:'icon-add',
        handler:function(){
        	$(".tree-title:contains('新增商品')").parent().click();
        }
    	}, */
    {
        text:'编辑',
        iconCls:'icon-edit',
        handler:function(){
        	var ids = getSelectionsIds();
        	if(ids.length == 0){
        		$.messager.alert('提示','必须选择一个商品才能编辑!');
        		return ;
        	}
        	if(ids.indexOf(',') > 0){
        		$.messager.alert('提示','只能选择一个商品!');
        		return ;
        	}
        	
        	$("#itemEditWindow").window({
        		onLoad :function(){
        			//回显数据
        			var data = $("#itemList").datagrid("getSelections")[0];
        			data.bpriceView = TAOTAO.formatPrice(data.bprice);
        			data.rpriceView = TAOTAO.formatPrice(data.rprice);
        			data.spriceView = TAOTAO.formatPrice(data.sprice);
        			data.ppriceView = TAOTAO.formatPrice(data.pprice);
        			data.marginView = TAOTAO.formatPrice(data.margin);
        			$("#itemeEditForm").form("load",data);
       			
        			// 加载商品描述
        			$.getJSON('./item/query/desc/'+data.id,function(_data){
        				console.log(_data)
        				if(_data.status == 200 && _data.data){
        					//UM.getEditor('itemeEditDescEditor').setContent(_data.data.itemDesc, false);
        					itemEditEditor.html(_data.data.itemDesc);
        				}
        			});
        			// 加载商品描述
        			$.getJSON('./item/cat/catname?catid='+data.cid,function(_data){
        				console.log(_data)
        				if(_data.status == 200 && _data.data){
        					//UM.getEditor('itemeEditDescEditor').setContent(_data.data.itemDesc, false);
        					data.catName = _data.data.name
        				}
            			TAOTAO.init({
            				"pics" : data.photoX,
            				"cid" : data.cid,
            				"catName":data.catName,
            				fun:function(node){
            					TAOTAO.changeItemParam(node, "itemeEditForm");
            				},
            				form:"edit"
            			});
        			});
        			//加载商品规格
        			$.getJSON('./item/param/item/query?itemId='+data.id,function(_data){
        				if(_data && _data.status == 200 && _data.data && _data.data.paramData){
        					//$("#itemeEditForm .itemParamAddTemplate").show();
        					$("#itemeEditForm [name=itemParams]").val(_data.data.paramData);
        					$("#itemeEditForm [name=itemParamId]").val(_data.data.id);
        					
        					//回显商品规格
        					 var paramData = JSON.parse(_data.data.paramData);
        					
        					 var html = "";
        					 for(var i in paramData){
        						/*  var pd = paramData[i];
        						 html+="<li><table>";
        						 html+="<tr><td colspan=\"2\" class=\"group\">"+pd.group+"</td></tr>";
        						 
        						 for(var j in pd.params){
        							 var ps = pd.params[j];
        							 html+="<tr><td class=\"param\"><span>"+ps.k+"</span>: </td><td><input autocomplete=\"off\" type=\"text\" value='"+ps.v+"'/></td></tr>";
        						 }
        						 
        						 html+="</li></table>"; */
        						 var pd = paramData[i];
        						 html+="<li class='param'><ul><li>"
        						 html+="<input class=\"easyui-textbox\" value="+pd.group+" style=\"width: 200px;\" name=\"group\"/>&nbsp;<a href=\"javascript:void(0)\" class=\"easyui-linkbutton addParam\"  title=\"添加参数\" data-options=\"plain:true,iconCls:'icon-add'\"></a>";
        						 html+="</li>"
        							 for(var j in pd.params){
        								 var ps = pd.params[j];
        							 html+="<li>"
        							html+='<span>|-------</span><input  value='+ps+' style="width: 150px;" class="easyui-textbox" name="param"/>&nbsp;<a href="javascript:void(0)" class="easyui-linkbutton delParam" title="删除" data-options="plain:true,iconCls:\'icon-cancel\'"></a>'				
        							html+="</li>"
        						}
        						html+= "</ul></li>"; 
        					 }
        					
        					// $("#itemeEditForm .params td").eq(1).html(html);
        					  var targetObj = $(html).appendTo($(".paramlist"))
        					 $.parser.parse(targetObj)
        					  targetObj.find(".addParam").click(function(){
        						  var li = $(".itemParamAddTemplate li").eq(2).clone();
        						  li.find(".delParam").click(function(){
        							  $(this).parent().remove();
        						  });
        						  li.appendTo($(this).parentsUntil("ul").parent());
        					  });
        					  targetObj.find(".delParam").click(function(){
        						  $(this).parent().remove();
        					  });
        				}
        			});
        			

        		}
        	}).window("open");
        }
    },{
        text:'删除',
        iconCls:'icon-cancel',
        handler:function(){
        	var ids = getSelectionsIds();
        	if(ids.length == 0){
        		$.messager.alert('提示','未选中商品!');
        		return ;
        	}
        	$.messager.confirm('确认','确定删除ID为 '+ids+' 的商品吗？',function(r){
        	    if (r){
        	    	var params = {"ids":ids};
                	$.post("./item/delete",params, function(data){
            			if(data.status == 200){
            				$.messager.alert('提示','删除商品成功!',undefined,function(){
            					$("#itemList").datagrid("reload");
            				});
            			}
            		});
        	    }
        	});
        }
    },'-',{
        text:'下架',
        iconCls:'icon-remove',
        handler:function(){
        	var ids = getSelectionsIds();
        	if(ids.length == 0){
        		$.messager.alert('提示','未选中商品!');
        		return ;
        	}
        	$.messager.confirm('确认','确定下架ID为 '+ids+' 的商品吗？',function(r){
        	    if (r){
        	    	var params = {"ids":ids};
                	$.post("./item/instock",params, function(data){
            			if(data.status == 200){
            				$.messager.alert('提示','下架商品成功!',undefined,function(){
            					$("#itemList").datagrid("reload");
            				});
            			}
            		});
        	    }
        	});
        }
    },{
        text:'上架',
        iconCls:'icon-add',
        handler:function(){
        	var ids = getSelectionsIds();
        	if(ids.length == 0){
        		$.messager.alert('提示','未选中商品!');
        		return ;
        	}
        	$.messager.confirm('确认','确定上架ID为 '+ids+' 的商品吗？',function(r){
        	    if (r){
        	    	var params = {"ids":ids};
                	$.post("./item/reshelf",params, function(data){
            			if(data.status == 200){
            				$.messager.alert('提示','上架商品成功!',undefined,function(){
            					$("#itemList").datagrid("reload");
            				});
            			}
            		});
        	    }
        	});
        }
    },'-',{
        text:'推荐到主页',
        iconCls:'icon-tip',
        handler:function(){
        	var ids = getSelectionsIds();
        	if(ids.length == 0){
        		$.messager.alert('提示','未选中商品!');
        		return ;
        	}
  /*       	if(ids.length > 0 && ids.indexOf(",") <0){
        		$("#pushhome").window('open'); */
        	/* }else if(ids.indexOf(",") >= 0 && ids.split(",").length>10){
        		alert("只能向首页推荐十件商品")
        	}else{ */
        		$.messager.confirm('确认','确定推荐这些商品到首页吗 ？',function(r){
	        	    if (r){
	        	    	pushHome();
	        	    }
	        	});
        	//}
        	
        }
    },{
        text:'取消推荐',
        iconCls:'icon-undo',
        handler:function(){
        	var ids = getSelectionsIds();
        	if(ids.length == 0){
        		$.messager.alert('提示','未选中商品!');
        		return ;
        	}
  /*       	if(ids.length > 0 && ids.indexOf(",") <0){
        		$("#pushhome").window('open'); */
        	/* }else if(ids.indexOf(",") >= 0 && ids.split(",").length>10){
        		alert("只能向首页推荐十件商品")
        	}else{ */
        		$.messager.confirm('确认','确定推荐这些商品到首页吗 ？',function(r){
	        	    if (r){
	        	    	popHome();
	        	    }
	        	});
        	//}
        	
        }
    }];
    function pushHome(){
    	var ids = getSelectionsIds();
    	var stortOrder = $("#sortOrder").combobox("getValue")
    	var params = {"ids":ids,"stortOrder":stortOrder};
    	$.post("./item/pushhome",params, function(data){
			if(data.status == 200){
				$.messager.alert('提示','推荐商品成功!',undefined,function(){
					$("#pushhome").window('close');
					$("#itemList").datagrid("reload");
				});
			}
		});
    }
    function popHome(){
    	var ids = getSelectionsIds();
    	var stortOrder = $("#sortOrder").combobox("getValue")
    	var params = {"ids":ids,"stortOrder":stortOrder};
    	$.post("./item/popHome",params, function(data){
			if(data.status == 200){
				$.messager.alert('提示','推荐商品成功!',undefined,function(){
					$("#pushhome").window('close');
					$("#itemList").datagrid("reload");
				});
			}
		});
    }

    	$('#itemList').datagrid({
    		rowStyler: function(index,row){
    			// '状态：1、未付款，2、已付款，3、未发货，4、已发货，5、交易成功，6、交易关闭，7，退货中，8退货完成',

    			/* if (row.status=='1'){
    				return 'background-color:#6293BB;color:#fff;'; // return inline style
    			} */
    			if (row.isShow=='2'){
    				return 'background-color:#00BCD4;color:#fff;'; // return inline style
    			}
    			if (row.isShow=='3'){
    				return 'background-color:#ddfa67;color:black;'; // return inline style
    			}

    		}
    	});

</script>